<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/head::commonHeaderCustom('老师被评论信息统计',~{::style})">
<style>
    .tchmain{
        width: 100%;
        height: auto;
        overflow: hidden;
        display: flex;
        display: -webkit-flex;
    }
    .tchmain .info{
        width: 260px;
        height: auto;
        border-right: 1px solid #f0f0f0;
        padding: 0 10px;
    }
    .tchmain .info img{
        width: 120px;
        border-radius: 50%;
        display: block;
        margin: 20px auto;
    }
    .tchmain .info h3{
        text-align: center;
        font-size: 16px;
        color: #333;
        padding-bottom: 30px;
        border-bottom: 1px solid #f0f0f0;
    }
    .tchmain .info p{
        font-size: 12px;
        color: #666;
        border-bottom: 1px solid #f0f0f0;
        padding: 10px 0;
        margin: 0;
    }
    .tchmain .info p b{
        display: inline-block;
        width: 85px;
        text-align: right;
        color: #666;
        font-weight: normal;
    }
    .tchmain p label{
        display: inline-block;
        padding: 3px 5px;
        border: 1px solid #ffc54b;
        border-radius: 6px;
        color: #ffc54b;
        margin-right: 4px;
    }
    .tchmain .detail{
        flex: 1;
        -webkit-flex: 1;
        padding: 10px;
    }
    .tchmain .detail h3{
        font-size: 18px;
        color: #666;
        font-weight: bold;
        border-bottom: 1px solid #f0f0f0;
        padding: 10px 0;
    }
    .tchmain .detail ul{
        padding: 0;
    }
    /*.tchmain .detail ul li{
        list-style: none;
        color: #666;
        font-weight: normal;
        padding: 10px 0;
    }*/
    .tchmain .detail ul li span{
        display: inline-block;
        min-width: 30%;
    }
    .tchmain .detail ul li span{
        display: inline-block;
        min-width: 30%;
    }
    .tchmain .detail ul li div{
        margin-top: 8px;
    }
    .tchmain .detail ul li div label{
        display: inline-block;
        padding: 3px 15px;
        border: 1px solid #ffc54b;
        border-radius: 6px;
        color: #ffc54b;
        margin-right: 4px;
    }
    .tchmain .detail .total{

    }
    .tchmain .detail .total .starlist{
        display: inline-block;
        width: 220px;
    }
    .tchmain .detail .total .starlist img{
        width: 16px;
    }
    .tchmain .detail .total .starlist span{
        font-size: 12px;
        margin-left: 10px;
        color: #666;
    }
    .tchmain .detail .total .labellist{
        display: inline-block;
        width: calc(100% - 260px);
    }
</style>
</head>

<body >
<div class="tchmain">
    <div class="info">
        <img id="replaceImg" th:src="'https://hkres.etalk365.com'+${teacher.pictures}" th:if="${teacher.videoPath==null || teacher.videoPath==''}" onerror="javascript:this.src='/static/img/teacherDefault.jpg';"/>
        <img id="replaceImg" th:src="'https://hkres.etalk365.com'+${teacher.pictures}" style="cursor: pointer;"
             th:unless="${teacher.videoPath==null || teacher.videoPath==''}" th:onclick="openVideo()" onerror="javascript:this.src='/static/img/teacherDefault.jpg';"/>
        <h3 th:text="${teacher.loginName}"></h3>
        <p><b>英文名：</b><span th:text="${teacher.enName}"></span></p>
        <p><b>性别：</b><span th:text="${teacher.sex==1?'男':(teacher.sex==2?'女':'未知')}"></span></p>
        <p><b>级别：</b><span th:text="${teacher.levelName}"></span></p>
        <p><b>学历：</b>
            <span th:if="${teacher.degree==1}">本科</span>
            <span th:if="${teacher.degree==2}">研究生</span>
            <span th:if="${teacher.degree==3}">硕士</span>
            <span th:if="${teacher.degree==4}">博士</span>
        </p>
        <p><b>中文程度：</b>
            <span th:if="${teacher.chineseLevel==1}">不会</span>
            <span th:if="${teacher.chineseLevel==2}">简单</span>
            <span th:if="${teacher.chineseLevel==3}">一般</span>
            <span th:if="${teacher.chineseLevel==4}">良好</span>
        </p>
        <p><b>教龄：</b><span th:text="${teacher.teachingAge}+' 年'"></span></p>
        <p><b>适合年龄段：</b><label th:each="item:${teacher.listAgeGroup}" th:text="${item}"></label></p>
        <p><b>适合学员类型：</b><label th:each="item:${teacher.listTeaStyle}" th:text="${item}"></label></p>
    </div>
    <div class="detail">
        <div class="row" style="margin-left: 0">
            <ul class="nav nav-tabs" id="nav-menu" th:if="${teacher.listFreeSchedule!=null}" style="margin-top:5px;margin-bottom: 5px;">
                <li role="presentation" class="active"><a href="javascript:" data-id="nav1" onclick="navChangeIframe(this)">空闲时间表</a></li>
                <li role="presentation"><a href="javascript:" data-id="nav2" onclick="navChangeIframe(this)">已设置自动约课时间</a></li>
                <li role="presentation"><a href="javascript:" data-id="nav3" onclick="navChangeIframe(this)">老师班表</a></li>
            </ul>
            <ul class="nav nav-tabs" id="nav-menu" th:unless="${teacher.listFreeSchedule!=null}" style="margin-top:5px;margin-bottom: 5px;">
                <li role="presentation" class="active"><a href="javascript:" data-id="nav2" onclick="navChangeIframe(this)">已设置自动约课时间</a></li>
                <li role="presentation"><a href="javascript:" data-id="nav3" onclick="navChangeIframe(this)">老师班表</a></li>
            </ul>
        </div>
        <div class="row" id="nav1" style="margin-left: 0" th:if="${teacher.listFreeSchedule!=null}">
            <table class="table table-striped table-bordered table-hover">
                <thead>
                    <th style="width: 200px;">日期</th>
                    <th>空闲时间</th>
                </thead>
                <tbody>
                    <tr th:each="item:${teacher.listFreeSchedule}">
                        <td th:text="${#dates.format(item.classDate,'MM月dd日') +' '+ #dates.dayOfWeekNameShort(item.classDate)}"></td>
                        <td th:text="${item.classTime}"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="row" id="nav2" th:style="'margin-left:0;display:'+${teacher.listFreeSchedule!=null?'none':''}">
            <table class="table table-striped table-bordered table-hover">
                <thead>
                <th class="text-center">星期一</th>
                <th class="text-center">星期二</th>
                <th class="text-center">星期三</th>
                <th class="text-center">星期四</th>
                <th class="text-center">星期五</th>
                <th class="text-center">星期六</th>
                <th class="text-center">星期日</th>
                </thead>
                <tbody>
                <tr th:if="${teacher.classScheduleMap!=null}">
                    <td >
                        <span th:each="item:${teacher.classScheduleMap.get('1')}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.status==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && item.total2==0 && item.total3==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-danger" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1>0 && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-warning" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && (item.total2>0 || item.total3>0)  && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.status!=0 && (item.total1>0 || item.total2>0 || item.total3>0)  && #strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <br>
                        </span>
                    </td>
                    <td >
                        <span th:each="item:${teacher.classScheduleMap.get('2')}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.status==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && item.total2==0 && item.total3==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-danger" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1>0 && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-warning" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && (item.total2>0 || item.total3>0)  && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.status!=0 && (item.total1>0 || item.total2>0 || item.total3>0)  && #strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <br>
                        </span>
                    </td>
                    <td >
                        <span th:each="item:${teacher.classScheduleMap.get('3')}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.status==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && item.total2==0 && item.total3==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-danger" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1>0 && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-warning" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && (item.total2>0 || item.total3>0)  && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.status!=0 && (item.total1>0 || item.total2>0 || item.total3>0)  && #strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <br>
                        </span>
                    </td>
                    <td >
                        <span th:each="item:${teacher.classScheduleMap.get('4')}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.status==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && item.total2==0 && item.total3==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-danger" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1>0 && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-warning" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && (item.total2>0 || item.total3>0)  && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.status!=0 && (item.total1>0 || item.total2>0 || item.total3>0)  && #strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <br>
                        </span>
                    </td>
                    <td >
                        <span th:each="item:${teacher.classScheduleMap.get('5')}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.status==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && item.total2==0 && item.total3==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-danger" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1>0 && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-warning" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && (item.total2>0 || item.total3>0)  && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.status!=0 && (item.total1>0 || item.total2>0 || item.total3>0)  && #strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <br>
                        </span>
                    </td>
                    <td >
                        <span th:each="item:${teacher.classScheduleMap.get('6')}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.status==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && item.total2==0 && item.total3==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-danger" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1>0 && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-warning" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && (item.total2>0 || item.total3>0)  && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.status!=0 && (item.total1>0 || item.total2>0 || item.total3>0)  && #strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <br>
                        </span>
                    </td>
                    <td >
                        <span th:each="item:${teacher.classScheduleMap.get('0')}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.status==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && item.total2==0 && item.total3==0}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-danger" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1>0 && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-warning" style="margin-bottom: 5px;" th:if="${item.status!=0 && item.total1==0 && (item.total2>0 || item.total3>0)  && !#strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.status!=0 && (item.total1>0 || item.total2>0 || item.total3>0)  && #strings.listContains(#strings.listSplit(item.studentIds,','),teacher.studentId)}" th:utext="${#strings.concat(item.classTime,' (',item.total1,'|',item.total2,'|',item.total3,')')}"></button>
                            <br>
                        </span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="row" id="nav3" th:style="'margin-left:0;display:none;'">
            <table class="table table-striped table-bordered table-hover">
                <thead>
                <th class="text-center" th:each="item:${teacher.scheduleResult.listDate}">
                    <div th:text="${#temporals.format(item,'M/d')}"></div>
                    <div th:text="${#temporals.format(item,'E')}"></div>
                </th>
                </thead>
                <tbody>
                <tr th:if="${teacher.scheduleResult!=null}">
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list1}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list2}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list3}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list4}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list5}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list6}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list7}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list8}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list9}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list10}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list11}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list12}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" tyle="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list13}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                    <td>
                        <span th:each="item:${teacher.scheduleResult.list14}">
                            <button class="btn btn-default" style="margin-bottom: 5px;" th:if="${item.state==-1}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-success" style="margin-bottom: 5px;" th:if="${item.state==0}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-danger" th:style="'margin-bottom: 5px;'+${item.autoBooked==1?'color:#ffb746;font-weight: bold;':''}" th:if="${item.state==1 || item.state==2 || item.state==3}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <button class="btn btn-info" style="margin-bottom: 5px;" th:if="${item.state==5}" th:text="${#temporals.format(item.classTime,'HH:mm')}"></button>
                            <br>
                        </span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <h3>评价总汇</h3>
        <div class="total">
            <div class="starlist">
                <div class="form-inline" style="margin-bottom:4px;" th:each="item:${teacher.listStar}">
                    <img alt="星" th:src="@{/static/img/raty/star_on.png}" th:each="index:${#numbers.sequence(1,item.level)}"><img alt="星" th:src="@{/static/img/raty/star_off.png}" th:if="${item.level<5}" th:each="index:${#numbers.sequence(item.level+1,5)}">
                    <span th:text="${item.evaluationRate}"></span><span th:text="${'('+item.evaluationNum+')'}"></span>
                </div>
            </div>
            <div class="labellist">
                <div class="btn-group" role="group" style="margin-bottom:4px;margin-left:2px;" th:each="item:${teacher.listTag}">
                    <button class="btn btn-default" disabled style="font-size: 12px;opacity:inherit;padding-top: 6px;padding-bottom: 6px;" th:text="${item.cnName +' | '+item.enName}"></button>
                    <button class="btn btn-warning" disabled style="font-size: 12px;opacity:inherit;padding-top: 6px;padding-bottom: 6px;" th:text="${item.tagsNum}"></button>
                </div>
            </div>
        </div>

        <h3>证书</h3>
        <div class="total">
            <img th:if="${teacher.certPath!=null && teacher.certPath!=''}" style="max-width: 100%;" th:src="${'//hnres.etalk365.com/'+teacher.certPath}">
            <p th:unless="${teacher.certPath!=null && teacher.certPath!=''}">无证书</p>
        </div>
    </div>
</div>
<div th:include="include/onload_js::onloadJS"></div>
<script>
    function navChangeIframe(obj) {
        $("#nav-menu li").removeClass("active");
        $(obj).parent().addClass("active");
        $("#nav1").hide();
        $("#nav2").hide();
        $("#nav3").hide();
        $("#"+$(obj).data("id")).show();
    }
    
    function openVideo() {
        let url='//hnres.etalk365.com/[[${teacher.videoPath}]]';
        layer.open({
            type: 2,
            title: false,
            shadeClose: true,
            shade: false,
            maxmin: false, //开启最大化最小化按钮
            maxWidth: '893px',
            maxHeight: '600px',
            area: ['80%', '90%'],
            content: url
        });
    }
</script>

</body>
</html>